<template>
    <ul class="toolbar clearfix">
        <li><a data-original-title="撤销"><i class="fa fa-undo"></i></a></li>
        <li>
            <a data-original-title="重做"> <i class="fa fa-repeat"></i> </a></li>
        <li><a  data-original-title="将图片文件直接拖动到编辑区域即可上传，或者也可以将剪贴板里的图片直接粘贴进编辑区域"><i
                class="fa fa-picture-o"></i></a></li>
        <!-- <li> <a href="javascript:void(null)" data-action="insert-video" data-placement="right" data-toggle="tooltip" data-original-title="插入视频"> <i class="fa fa-youtube-play"></i> </a> </li> -->
        <li class="pull-right">
            <a @click="publishArticle" :class={'disabled':isPublishing}>
                <i class="fa fa-mail-forward"></i> 发布文章
            </a>
        </li>
    </ul>
</template>
<script>
    export default{
        props:['isPublishing'],
        methods:{
            publishArticle(){
                this.$parent.handlePublishArticle()
            }
        }
    }
</script>
<style>
    .toolbar {
        margin: 0;
        list-style-type: none;
        background-color: #dedede;
        border-bottom: 1px solid #d9d9d9;
    }
    .toolbar li {
        display: inline-block;
        cursor: pointer;
        text-align: center;
    }
    .toolbar a {
        padding: 11px 14px;
        display: inline-block;
        line-height: 17px;
    }
</style>